<script setup lang="ts">
import BaseDataTable from '../components/BaseDataTable.vue'
import { watchProject } from '../mixins/projects'

watchProject()
//  :projectId="scope.row.projectId"
const tableColumn = [
  { prop: "id", label: "Id", width: "100" },
  { prop: "", label: "ProjectName", width: "200", component: 'ColumnProject', bind: ({ row }: any) => { return { projectId: row.projectId } } },
  { prop: "title", label: "Title", width: "200" },
  { prop: "datetime", label: "Datetime", width: "150" },
  { prop: "", label: "State", width: "80", component: 'ColumnState', bind: ({ row }: any) => { return { state: row.state } } }
]
</script>
<template>
  <base-data-table view-title="Animate" data-url="/animates" :table-column="tableColumn"></base-data-table>
</template>
<style scoped lang="scss"></style>